<template>
  <div class="page-container">
    <page-header title="中国能源有限公司OA项目">
      <a-space>
        <a-button>编辑</a-button>
        <a-button type="primary">申请立项</a-button>
      </a-space>
    </page-header>

    <div class="page-card">
      <a-row class="padding-tb10">
        <a-col :span="2">
          报备人员:
        </a-col>
        <a-col :span="10">
          <div class="border-bottom padding-b10">张三</div>
        </a-col>
      </a-row>

      <a-row class="padding-tb10">
        <a-col :span="2">
          报备状态:
        </a-col>
        <a-col :span="10">
          <div class="border-bottom padding-b10">已通过</div>
        </a-col>
      </a-row>

      <a-row class="padding-tb10">
        <a-col :span="2">
          项目类型:
        </a-col>
        <a-col :span="10">
          <div class="border-bottom padding-b10">产品实施类</div>
        </a-col>
      </a-row>

      <a-row class="padding-tb10">
        <a-col :span="2">
          项目模板:
        </a-col>
        <a-col :span="10">
          <div class="border-bottom padding-b10">产品实施类模板</div>
        </a-col>
      </a-row>

      <a-row class="padding-tb10">
        <a-col :span="2">
          相关客户:
        </a-col>
        <a-col :span="10">
          <div class="border-bottom padding-b10">
            <a-tag>云南能投集团</a-tag>
            <a-tag>云南城投集团</a-tag>
          </div>
        </a-col>
      </a-row>

      <a-row class="padding-tb10">
        <a-col :span="2">
          关联项目:
        </a-col>
        <a-col :span="10">
          <div class="border-bottom padding-b10">
            <a-tag>能投集团建设二期</a-tag>
            <a-tag>能投集团建设三期</a-tag>
            <a-tag>能投集团建设四期</a-tag>
          </div>
        </a-col>
      </a-row>

      <a-row class="padding-tb10">
        <a-col :span="2">
          材料附件:
        </a-col>
        <a-col :span="10">
          <div class="border-bottom padding-b10">
            <a-tag>项目需求20211201.doc</a-tag>
            <a-tag>客户访问记录.doc</a-tag>
          </div>
        </a-col>
      </a-row>

      <a-row class="padding-tb10">
        <a-col :span="2">
          材料附件:
        </a-col>
        <a-col :span="10">
          <div class="border padding-10">
            说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字
          </div>
        </a-col>
      </a-row>
    </div>
  </div>
</template>

<script>
export default {
  name: 'reportDetail',
  data () {
    return {};
  },
  mounted () {

  },
  methods: {}
};
</script>

<style lang="scss" scoped>
</style>
